<?php
/**
 * product.php   产品数据
 *
 * @version       v0.01
 * @create time   2016/11/16
 * @author        yc
 */

$LEFTMENU = 'product';
?>
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>后台管理系统首页</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
	<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
	<link rel="stylesheet" href="dist/css/AdminLTE.min.css">
	<link rel="stylesheet" href="dist/css/skins/_all-skins.min.css">
	<link rel="stylesheet" href="plugins/iCheck/flat/blue.css">
	<link rel="stylesheet" href="plugins/morris/morris.css">
	<link rel="stylesheet" href="plugins/datepicker/datepicker3.css">
	<link rel="stylesheet" href="plugins/daterangepicker/daterangepicker.css">
	<link rel="stylesheet" href="plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">
	<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body class="hold-transition skin-blue sidebar-mini">

<div class="wrapper">
	<?php require_once('header.inc.php');?>
	<?php require_once('leftmenu.inc.php');?>
	<div class="content-wrapper">
		<section class="content-header">
			<h1>首页<small>产品列表</small></h1>
			<ol class="breadcrumb">
				<li><a href="index.php"><i class="fa fa-dashboard"></i>首页</a></li>
			</ol>
		</section>

		<section class="content">
			<div class="callout callout-success">
				<h4>success!</h4>
				<p><b>Morris.js</b> charts are no longer maintained by its author. We would recommend using any of the other charts that come with the template.</p>
			</div>
			<div class="row">
				<div class="col-xs-12">
					<div class="box">
						<!-- 头部文字及搜索等 -->
						<div class="box-header">
							<h3 class="box-title">数据列表</h3>
							<div class="box-tools">
								<div class="input-group input-group-sm" style="width: 150px;">
									<input type="text" name="table_search" class="form-control pull-right" placeholder="Search">
									<div class="input-group-btn"><button type="submit" class="btn btn-default"><i class="fa fa-search"></i></button></div>
								</div>
							</div>
						</div>
						<div class="box-body table-responsive no-padding">
							<table class="table table-hover">
								<tr>
									<th>序号</th>
									<th>名称</th>
									<th>图片</th>
									<th>价格</th>
									<th>添加时间</th>
								</tr>
								<tr>
									<td>183</td>
									<td>John Doe</td>
									<td>11-7-2014</td>
									<td><span class="label label-success">Approved</span></td>
									<td>Bacon ipsum dolor sit amet salami venison chicken flank fatback doner.</td>
								</tr>
							</table>
						</div>
						<!-- 分页 -->
						<div class="box-footer table-responsive" id="laypage"></div>
					</div>
				</div>
			</div>
		</section>
	</div>
	<?php require_once('footer.inc.php');?>
	<div class="control-sidebar-bg"></div>
</div>
</body>
<script src="plugins/jQuery/jquery-2.2.3.min.js"></script>
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<script>
	$.widget.bridge('uibutton', $.ui.button);
</script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
<script src="plugins/morris/morris.min.js"></script>
<script src="plugins/sparkline/jquery.sparkline.min.js"></script>
<script src="plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
<script src="plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>
<script src="plugins/knob/jquery.knob.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.11.2/moment.min.js"></script>
<script src="plugins/daterangepicker/daterangepicker.js"></script>
<script src="plugins/datepicker/bootstrap-datepicker.js"></script>
<script src="plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>
<script src="plugins/slimScroll/jquery.slimscroll.min.js"></script>
<script src="plugins/fastclick/fastclick.js"></script>
<script src="dist/js/app.min.js"></script>
<script src="dist/js/pages/dashboard.js"></script>
<script src="js/laypage/laypage.js"></script>
<script>
	// 分页器
	laypage({
		cont: 'laypage', //容器。值支持id名、原生dom对象，jquery对象,
		pages: 11, //总页数
		skin: 'molv', //皮肤
		groups: 5, //连续显示分页数
		skip: true, //是否开启跳页
		first: false, //将首页显示为数字1,。若不显示，设置false即可
		last: 11, //将尾页显示为总页数。若不显示，设置false即可
		prev: '<', //若不显示，设置false即可
		next: '>' //若不显示，设置false即可
	});
</script>
</html>
